page {
  --sar-dialog-width: 320px;
  --sar-dialog-max-width: 90%;
  --sar-dialog-border-color: var(--sar-border-color);
  --sar-dialog-bg: var(--sar-emphasis-bg);
  --sar-dialog-border-radius: var(--sar-rounded-xl);

  --sar-dialog-header-padding-y: 16px;
  --sar-dialog-header-padding-x: 16px;

  --sar-dialog-body-padding-x: 16px;
  --sar-dialog-body-padding-y: 24px;
  --sar-dialog-body-gap: 10px;

  --sar-dialog-title-font-size: var(--sar-text-lg);
  --sar-dialog-title-headed-font-size: var(--sar-text-base);

  --sar-dialog-close-font-size: var(--sar-text-lg);

  --sar-dialog-message-font-size: var(--sar-text-base);
  --sar-dialog-message-color: var(--sar-secondary-color);

  --sar-dialog-footer-round-padding-x: 16px;
  --sar-dialog-footer-round-padding-y: 16px;
  --sar-dialog-footer-round-gap: 16px;
}